let svg = Snap("#svg-canvas")
let editing = false;
let editObj = null

svg.click(function (e) {
    if (!editing) {
        editing = true;
        editObj = svg.line(e.offsetX, e.offsetY, e.offsetX, e.offsetY);
        editObj.attr({
            stroke: "black",
            strokeWidth: "2",
        });
    } else {
        // 如果在编辑状态，再次点击结束
        editing = !editing
    }
});

svg.mousemove(function (e) {
    if (editing) {
        // 在编辑的时候才需要对鼠标移动做出相应
        editObj.attr({
            x2: e.offsetX,
            y2: e.offsetY,
        })
    }
});

// $(svg).on("click", e => {
//     draw("line", e)
// });
//
//
// function draw(obj, e) {
//     if (obj === "line") {
//         if (!editing) {
//             editing = true
//             let newLine = svg.line(e.pageX, e.pageY, e.pageX, e.pageY);
//             newLine.attr({
//                 stroke: "dodgerblue",
//                 strokeWidth: "2",
//             });
//
//             $(svg).on("mousemove", e2 => {
//                 newLine.attr({
//                     "x2": `${e2.pageX}`,
//                     "y2": `${e2.pageY}`,
//                 });
//             });
//         } else {
//             editing = false;
//             $(svg).off("mousemove")
//         }
//     }
// }